<h1>aaaa</h1>
<div class="box container">
  <div class="left">
    <hr>
    <ul nz-menu [nzMode]="'inline'" [nzTheme]="'dark'">

      <li nz-submenu>
        <span title>special control</span>
        <ul>
          <li nz-menu-item>
            <a routerLink="to-tree">to-tree</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-test-table">to-test-table</a>
          </li>

          <li nz-menu-item>
            <a routerLink="to-test-table-2">to-test-table</a>
          </li>

        </ul>
      </li>
      <li nz-submenu>
        <span title>test-menu</span>
        <ul>
          <li nz-menu-item>
            <a routerLink="to-menu">to-menu</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-dropdown-menu">to-dropdown-menu</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-layout">layout1</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-layout-1">to-layout-1</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-grid">to-grid</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-button">to-button</a>
          </li>
          <li nz-menu-item>
            <a routerLink="to-icon">to-icon</a>
          </li>
        </ul>
      </li>
      <li nz-submenu>
        <span title>test-form</span>
        <ul>
          <li nz-menu-item><a routerLink="to-test-form-1">test-form-1</a></li>
        </ul>
      </li>

    </ul>
  </div>
  <div class="disp box">
    <router-outlet></router-outlet>
  </div>

</div>
